.nav-top .container,.nav-bottom .container{
	padding: 0 6.25rem;
}
.points{
	width: 100%;
	height: auto;
	background-color: #f4f4f4;
}
.points ul{
	height: auto;
	display: flex;
	padding: 1.688rem 0;
	justify-content: space-between;
}
.points ul li{
	height: 6.625rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.points ul li:not(:last-child){
	padding-right: 1.4rem;
	border-right: 0.063rem solid #e2e2e2;
}
.points ul li img{
	width: 3rem;
	height: auto;
	object-fit: fill;
	margin-right: 1rem;
}
.points-txt p:nth-child(1){
	font-size: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	letter-spacing: 0rem;
	color: #333333;
	font-weight: 800;
	margin-bottom: 0.938rem;
	text-align: center;
	font-family: "SourceHanSerifSC-H";
}
.points-txt p:nth-child(2){
	text-align: center;
	font-size: 1rem;
	height: 1.063rem;
	line-height: 1.063rem;
	letter-spacing: 0rem;
	color: #999999;
}

/* 成功案例 */
.case{
	width: 100%;
	height: auto;
	background-image: url(../img/casebg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4.125rem 0 4rem 0;
}
.case-nav{
	width: 100%;
	height: auto;
	margin-top: 2.563rem;
	display: flex;
	justify-content: center;
}
.case-nav ul{
	width: auto;
	height: auto;
	display: flex;
	justify-content: center;
}
.case-nav ul li{
	padding: 0 3.25rem;
	font-size: 1rem;
	letter-spacing: 0rem;
	color: #333333;
	cursor: pointer;
	transition: all 0.3s;
}
.case-nav ul li:hover,.case-nav ul li.case-nav-active{
	color: #c50c18;
}
.case-nav ul li:not(:last-child){
	border-right: 0.063rem solid #999999;
}
.case-list{
	width: 100%;
	height: auto;
	margin-top: 2.875rem;
}
.case-list-item{
	width: 100%;
	height: auto;
}
.case-list-item:not(:first-child){
	display: none;
}
.case-list-item ul{
	width: 100%
}
.case-list-item ul li{
	width: 25%;
	float: left;
	position: relative;
	cursor: pointer;
	padding: 0 5px;
	margin-bottom: 0.675rem;
}
.case-list-item ul li a{
	display: block;
	position: relative
}
.case-list-item li a::after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: rgba(0,0,0,.6);
  opacity: 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.case-list-item ul li .picc{
	width: 100%;
	position: relative
}
.case-list-item ul li .img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0
}
.case-list-item li a:hover .text,
.case-list-item li a:hover::after {
  opacity: 1;
}
.case-list-item li a:hover .picc span {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.case-list-item li .text {
  width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  z-index: 10;
  padding: 0 60px;
  opacity: 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.case-list-item li .text .tit{
	font-size: 1.1875rem;
	height: 1.375rem;
    line-height: 1.375rem;
	margin-bottom: 8px;
    color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.case-list-item li .text p{
/*	width: 100%;*/
	font-size: 1rem;
	color: #fff;
	line-height: 1.8;
}
/*.case-list-item ul{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.case-list-item ul li img{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
}
.case-list-item ul li .mask{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	opacity: 0;
	transition: all 0.5s;
	background-color: #000000;
}
.case-list-item ul li:hover .mask{
	opacity: 0.6;
}
.case-list-item ul li span{
	display: inline-block;
	width: 100%;
	height: 19rem;
	line-height: 19rem;
	position: absolute;
	z-index: 3;
	font-size: 1rem;
	text-align: center;
	opacity: 0;
	color: #ffffff;
	transition: all 0.5s;
}
.case-list-item ul li:hover span{
	opacity: 1;
}
*/
.effect{
	background-color: #000000;
	padding: 5.125rem 0 14.5rem 0;
}
.effectlist{
	width: 100%;
	height: auto;
	margin-top: 4.313rem;
}
.effectlist ul{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
}
.effectlist ul li{
	width: 17.813rem;
	height: 36.313rem;
	position: relative;
	transition: all 0.5s;
	cursor: pointer;
	overflow: hidden;
}

.effectlist ul li img{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.effectlist ul li .effect-txt{
	width: 33rem;
	height: 100%;
	position: absolute;
	z-index: 3;
	transition: all 0.5s;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0 3rem 0 2.188rem;
}
.effectlist ul li .effect-txt p:nth-child(1){
	font-size: 1.375rem;
	height: 1.375rem;
	line-height: 1.375rem;
	color: #ffffff;
	margin-bottom: 0.6rem;
}
.effectlist ul li .effect-txt p:nth-child(2){
	font-size: 0.75rem;
	height: auto;
	line-height: 1.5rem;
	color: #ffffff;
	margin-bottom: 1.2rem;
}
.effectlist ul li .effect-txt p:nth-child(3){
	height: 2.438rem;
	margin-bottom: 2.125rem;
}
.effectlist ul li .effect-txt p:nth-child(3) span{
	display: inline-block;
	color: #ffffff;
	font-size: 0.875rem;
	width: 8.688rem;
	height: 2.438rem;
	line-height: 2.438rem;
	text-align: center;
	background-color: #c50c18;
	border-radius: 0.625rem;
	transition: all 0.3s;
}
.effectlist ul li .effect-txt p:nth-child(3) span:hover{
	background-color: #920a13;
}
.effectlist ul li .mask{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	background-color: #000000;
	opacity: 0;
	transition: all 0.5s;
}
.effectlist ul li .effect-ico{
	width: 3rem;
	height: 2rem;
	position: absolute;
	z-index: 4;
	top: 1.375rem;
	right: 1.625rem;
	transition: all 0.5s;
}
.effectlist ul li.effect-hover{
	width: calc(100% - 55.314rem);
}
.effectlist ul li:not(.effect-hover) .effect-txt{
	display: none;
}
.effectlist ul li:not(.effect-hover) .mask{
	opacity: 0.3;
}
.calc{
	width: 100%;
	height: 28.5rem;
	background-color: #efefef;
}
.calc .container{
	position: relative;
}
.calc-box{
	width: 100%;
	height: 30.813rem;
	display: flex;
	position: absolute;
	top: -6.25rem;
}
.calc-box img{
	position: absolute;
	z-index: 0;
}
.calc-box-left{
	width: 37.14%;
	height: 100%;
	padding: 3rem 5.875rem 3.25rem 3.25rem;
	position: relative;
}
.calc-box-left p:nth-child(1){
	font-size: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	letter-spacing: 0.225rem;
	color: #333333;
	margin-bottom: 0.938rem;
	font-weight: 800;
}
.calc-box-left p:nth-child(1) span{
	color: #c50c18;
}
.calc-box-left p:nth-child(2){
	font-size: 1.125rem;
	height: 1.125rem;
	line-height: 1.125rem;
	overflow: hidden;
	letter-spacing: 0.113rem;
	color: #999999;
	margin-bottom: 2rem;
}
.calc-box-left p:nth-child(3){
	font-size: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	letter-spacing: 0rem;
	color: #333333;
	margin-bottom: 2rem;
}
.calc-box-left p:nth-child(3) span{
	font-size: 1rem;
	height: 1.5rem;
	line-height: 1.5rem;
	letter-spacing: 0;
	color: #c50c18;
}
.calc-box-left p:nth-child(3)>span:nth-child(1){
	font-size: 1.5rem;
	color:#333333;
	margin-right: 1rem;
	font-weight: 700;
}
.calcform{
	height: 2.5rem;
	display: flex;
	align-items: center;
}
.calcform:not(:last-child){
	margin-bottom: 1.625rem;
}
.calcform span:nth-child(1){
	color: #c50c18;
}
.calcform span:nth-child(2){
	font-size: 1.125rem;
	height: 2.5rem;
	line-height: 2.5rem;
	margin-right: 1.375rem;
}
.calcform input:nth-child(3){
	flex: 1;
	height: 100%;
	display: inline-block;
	font-size: 0.875rem;
	padding: 0.75rem;
	background-color: #f4f4f4;
	border: none;
}
.calcform select{
	flex: auto;
    font-size: 0.875rem;
    padding: 0.8rem 1rem;
    background-color: #f4f4f4;
    border: none;
    /* height: 2rem; */
    border-radius: 0.5rem;
}
.fastcalc{
	position: absolute;
	width: 8.25rem;
	height: 8.25rem;
	right: -4.125rem;
	top: calc(50% - 4.125rem);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.fastcalc img{
	position: absolute;
	z-index: 1;
	animation: rotaing 1s infinite;
	animation-timing-function:linear;
}
.fastcalc .fastcalc-bg1{
	display: inline-block;
	position: absolute;
	z-index: 2;
	width: 6.938rem;
	height: 6.938rem;
	border-radius: 50%;
	background-color: #ffcbce;
}
.fastcalc .fastcalc-bg2{
	display: inline-block;
	position: absolute;
	z-index: 3;
	width: 5.688rem;
	height: 5.688rem;
	border-radius: 50%;
	background-color: #d90b18;
}
.fastcalc .fastcalc-txt{
	width: 40%;
	height: 100%;
	display: inline-flex;
	position: absolute;
	z-index: 4;
	color: #ffffff;
	justify-content: center;
	align-items: center;
	font-size: 1.563rem;
	flex-wrap: wrap;
}
.form-btn{
	border: none;
	outline: none;
	background: transparent;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 10;
}
@font-face{
	font-family:'UnidreamLED';
	src:url('../font/UnidreamLED.woff');
}
.calc-box-center{
	width: 37.14%;
	height: 100%;
	padding: 3.438rem 2.75rem 3.25rem 7.625rem;
	display: flex;
    flex-direction: column;
	border-right: 0.188rem solid #f4f4f4;
	position: relative;
}
.calc-box-center>p:nth-child(1){
	font-size: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	color: #333333;
	text-align: center;
}
.calc-box-center>p:nth-child(1) span:nth-child(1){
	color: #d90b18;
	font-size: 1.5rem;
}
.calc-box-center>p:nth-child(2){
    margin-top: 2rem;
    margin-right: 12%;
	text-align: right;
}
.calc-box-center>p:nth-child(2) span{
	display: inline-block;
	font-size: 3.4rem;
    height: 1.375rem;
	color: #111111;
	font-family: UnidreamLED;
	align-self: end;
	width: 1.5rem;
}
.calclist{
	width: 23.688rem;
	height: 14.25rem;
	background-color: #ffffff;
	border: solid 0.063rem #e5e5e5;
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-left: 1.7rem;
    margin-top: 3rem;
	position: absolute;
	bottom: 4rem;
    right: 2rem;
}
.calclist p{
	font-size: 0.875rem;
	line-height: 2.395rem;
	letter-spacing: 0rem;
	color: #666666;
	text-align: center;
}
.calclist p .wenhao{
	font-size: 1.748rem;
	color: #d90b18;
	font-weight: 900;
}
.calc-box-right{
	width: 25.72%;
	height: 100%;
	padding: 3.438rem 2.75rem 3rem 2.75rem;
	z-index: 1;
	overflow: hidden;
}
.calc-box-right>p:nth-child(1){
	font-size: 1.5rem;
	letter-spacing: 0rem;
	color: #333333;
	height: 1.5rem;
	line-height: 1.5rem;
	overflow: hidden;
}
.calc-box-right>p:nth-child(1) span{
	color: #c50c18;
}
.makelist{
	width: 100%;
	height: 23rem;
	margin-top: 1.313rem;
}
.makelist.swiper-free-mode>.swiper-wrapper{
	transition-timing-function: linear;
}
.makelist ul li p:nth-child(1){
	display: flex;
	margin-bottom: 0.688rem;
	align-items: center;
}
.makelist ul li p:nth-child(2){
	font-size: 1rem;
	letter-spacing: 0.1rem;
	color: #999999;
}
.makelist ul li p:nth-child(1) i{
	font-size: 1rem;
	color: #c50c18;
	font-weight: 600;
	margin-right: 1.25rem;
}
.makelist ul li p:nth-child(1) span{
	font-size: 1rem;
	height: 1rem;
	line-height: 1rem;
	letter-spacing: 0.1rem;
	color: #333333;
}
.makelist ul li p:nth-child(1) span:nth-child(2){
	margin-right: 2.75rem;
}
.redkason{
	width: 100%;
	height: 1.875rem;
	background-color: #d90b18;
	position: relative;
}
.brand{
	background-image: url(../img/brand.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 3.938rem 0 6.25rem 0;
}
.brand .container{
	margin-top: 3.438rem;
	height: auto;

}
.brand .container ul{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.brand .container ul li{
	width: calc((100% - 17.814rem)/4);
	min-height: 12.563rem;
	height: auto;
	margin-bottom: 1.438rem;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0.25rem;
	flex-direction: column;
	cursor: pointer;
	transition: all 0.5s;
}
.brand .container ul li img{
	width: 3rem;
	height: auto;
	transition: all 0.5s;
}
.brand .container ul li p:nth-child(2){
	font-size: 1.25rem;
	height: 1.25rem;
	line-height: 1.25rem;
	letter-spacing: 0rem;
	color: #333333;
	font-weight: 600;
	margin-top: 1.375rem;
	text-align: center;
	transition: all 0.5s;
}
.brand .container ul li p:nth-child(3){
	font-size: 0.875rem;
	height: auto;
	line-height: 1.2rem;
	letter-spacing: 0rem;
	color: #999999;
	margin-top: 0.875rem;
	text-align: center;
	transition: all 0.5s;
}
.brand .container ul li:hover{
	background-color: #d90b18;
}
/* .brand .container ul li:hover img{
	filter: brightness(6000%);
} */
.brand .container ul li:hover p{
	color: #ffffff;
}
.live{
	width: 100%;
	height: auto;
	background-color: #000000;
	padding: 4rem 0;
}
.liveswiper{
	width: 100%;
	height: 27.25rem;
	margin-top: 3rem;
	margin-bottom: 1rem;
}
.liveswiper .swiper-wrapper .swiper-slide{
	width: 70rem;
	position: relative;
}
.liveswiper .swiper-wrapper .swiper-slide img{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.liveswiper .swiper-wrapper .swiper-slide .live-txt{
	display: inline-flex;
	flex-direction: column;
	width: 28rem;
	height: 15rem;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	z-index: 2;
	right: 0;
	top: calc(50% - 7.5rem);
	padding: 0 3rem;
	justify-content: center;
}
.liveswiper .swiper-wrapper .swiper-slide .live-txt p:nth-child(1){
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 1.5;
	letter-spacing: 0rem;
	margin-bottom: 0.8rem;
}
.liveswiper .swiper-wrapper .swiper-slide .live-txt p:nth-child(2){
	font-size: 0.875rem;
	height: auto;
	line-height: 1.645rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	color: #ffffff;
	margin-bottom: 1.5rem;
}
.liveswiper .swiper-wrapper .swiper-slide .live-txt p:nth-child(3) span{
	display: inline-block;
	width: 6rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	border: solid 0.063rem #ffffff;
	color: #ffffff;
	transition: all 0.5s;
	cursor: pointer;
	font-size: 0.875rem;
}
.liveswiper .swiper-wrapper .swiper-slide .live-txt p:nth-child(3) span:hover{
	color: #c50c18;
	border-color: #c50c18;
}
.liveswiperthumb{
	width: 70rem;
	height: auto;
}
.liveswiperthumb .swiper-wrapper{
	display: flex;
	justify-content: space-between;
}
.liveswiperthumb .swiper-wrapper .swiper-slide{
	height: 15rem;
	cursor: pointer;
	position: relative;
}
.liveswiperthumb .swiper-wrapper .swiper-slide img{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.liveswiperthumb .swiper-wrapper .swiper-slide .mask{
	display: inline-block;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.4;
	transition: all 0.5s;
	position: absolute;
	z-index: 2;
}
.liveswiperthumb .swiper-wrapper .swiper-slide span:last-child{
	display: inline-block;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	color: #ffffff;
	position: absolute;
	text-align: center;
	bottom: 0;
	left: 0;
	background-color: #000000;
	opacity: 0.6;
	z-index: 3;
}
.liveswiperthumb  .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .mask{
	opacity: 0;
}
.future{
	width: 100%;
	height: auto;
	padding: 4rem 0 5rem 0;
	background-color: #f4f4f4;
}
.future .monkey{
	width: 100%;
	height: auto;
	margin-top: 3rem;
	position: relative;
}
.future .leftshadow{
	position: absolute;
	width: 20%;
	height: 100%;
	z-index: 2;
	left: 0;
	top: 0;
	box-shadow:inset 193px 0 64px -63px rgb(244 244 244 / 90%);
}
.future .rightshadow{
	position: absolute;
	width: 20%;
	height: 100%;
	z-index: 2;
	right: 0;
	top: 0;
	box-shadow:inset -193px 0 64px -63px rgb(244 244 244 / 90%);
}
.monkeyline1{
	width: 100%;
	height: auto;
	margin-bottom: 2rem;
	z-index: 1;
}
.monkeyline1 ul li{
	width: 15rem;
	height: 6rem;
	border-radius: 0.25rem;
	box-shadow: 0rem 0rem 1rem 0rem 
		rgba(133, 133, 133, 0.17);
		cursor: pointer;
		background-color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
}
.monkeyline1 ul li:not(:last-child){
	margin-right: 1rem;
}
.monkeyline1 ul li img{
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	transition: all 0.5s;
    /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
}
.monkeyline1 ul li:hover img{
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}
.monkeyline1.swiper-free-mode>.swiper-wrapper{
	transition-timing-function:linear;
}
.monkeyline2{
	width: calc(100% - 2rem);
	height: auto;
	margin-bottom: 2rem;
	margin-left: 2rem;
	z-index: 1;
}
.monkeyline2 ul li{
	width: 15rem;
	height: 6rem;
	line-height: 6rem;
	border-radius: 0.25rem;
	box-shadow: 0rem 0rem 1rem 0rem 
		rgba(133, 133, 133, 0.17);
		cursor: pointer;
		background-color: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
}
.monkeyline2 ul li:not(:last-child){
	margin-right: 1rem;
}
.monkeyline2 ul li img{
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	transition: all 0.5s;
    /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;*/
}
.monkeyline2 ul li:hover img{
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}
.monkeyline2.swiper-free-mode>.swiper-wrapper{
	transition-timing-function:linear;
}
.indexnews{
	width: 100%;
	height: auto;
	background-image: url(../img/casebg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 4rem 0;
}
.newslist{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-top: 4.75rem;
}
.newslist-nav{
	width: 100%;
	height: auto;
}
.newslist-nav ul{
	width: 100%;
	height: 100%;
	display: flex;
}
.newslist-nav ul li{
	width: 8.563rem;
	height: 3.875rem;
	line-height: 3.875rem;
	text-align: center;
	border-radius: 0.375rem;
	border: solid 0.063rem #999999;
	font-size: 1.125rem;
	color: #999999;
	transition: all 0.5s;
	cursor: pointer;
	font-weight: 550;
}
.newslist-nav ul li:not(:last-child){
	margin-right: 1.875rem;
}
.newslist-nav ul li.newslist-active,.newslist-nav ul li:hover{
	background-color: #d90b18;
	border-color: #d90b18;
	color: #ffffff;
}
.newslist-left{
	width: calc(100% - 48.813rem);
	height: auto;
}
.newslist-item{
	width: 100%;
	height: calc(100% - 6.813rem);
	margin-top: 2.938rem;
	display: none;
}
.newslist-item-active{
	display: block;
	opacity: 0;transform: translateY(100%);
	animation: fadedownin 0.36s ease;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
}
.newslist-item ul{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.newslist-item ul li a{
	display: inline-flex;
	width: 100%;
	height: auto;
	justify-content: space-between;
}

.newslist-date{
	width: 11%;
	margin-right: 1.313rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.newslist-date p:nth-child(1){
	display: inline-block;
	font-size: 1.875rem;
	height: auto;
	line-height: 1.875rem;
	color: #333333;
	text-align: center;
	padding-bottom: 0.5rem;
	border-bottom: 0.063rem solid #cccccc;
	margin: 0 auto;
	font-weight: 600;
}
.newslist-date p:nth-child(2){
	font-size: 1.125rem;
	height: 1.125rem;
	line-height: 1.125rem;
	color: #999999;
	text-align: center;
	margin-top: 0.2rem;
}
.newslist-txt{
	width: 85%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.newslist-txt p:nth-child(1){
	width: 100%;
	height: auto;
	font-size: 1.125rem;
	height: 1.125rem;
	line-height: 1.125rem;
	color: #666666;
	font-weight: 550;
	transition: all 0.5s;
}
.newslist-txt p:nth-child(2){
	font-size: 0.875rem;
	overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 

}
.newslist-item ul li a:hover .newslist-txt p:nth-child(1){
	color: #c50c18;
}
.newslist-right{
	width: 44.75rem;
	height: 28.813rem;
	display: flex;
	position: relative;
	
}
.newslist-right ul li img{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}
.newslist-right ul li .newslist-inline{
	display: inline-flex;
	width: 100%;
	height: 7rem;
	background-color: #d90b1880;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	color: #ffffff;
	justify-content: center;
	flex-direction: column;
	padding: 1.5rem 2.688rem;
}
.newslist-right ul li .newslist-inline p:nth-child(1){
	font-size: 1.25rem;
	height: 1.25rem;
	line-height: 1.25rem;
	letter-spacing: 0rem;
	color: #ffffff;
	margin-bottom: 1.188rem;
	font-weight: 550;
}
.newslist-right ul li .newslist-inline p:nth-child(2){
	font-size: 0.875rem;
	height: 0.875rem;
	line-height: 0.875rem;

}
.newslist-detail{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 4rem;
}
.newslist-detail a{
	display: inline-block;
	width: 13.313rem;
	height: 3.313rem;
	line-height: 3.313rem;
	border: solid 0.063rem #cccccc;
	font-size: 1rem;
	letter-spacing: 0rem;
	color: #333333;
	cursor: pointer;
	transition: all 0.5s;
}
.newslist-detail a:hover{
	background-color: #c50c18;
	color: #ffffff;
	border-color: #c50c18;
	border-radius: 0.25rem;
}
/* 首页计算器旋转 */
@keyframes rotaing{
	from{transform: rotate(0turn);}
	to{transform: rotate(1turn);}
}
@-ms-keyframes rotaing{
	from{transform: rotate(0turn);}
	to{transform: rotate(1turn);}
}
@-webkit-keyframes rotaing{
	from{transform: rotate(0turn);}
	to{transform: rotate(1turn);}
}
@-moz-keyframes rotaing{
	from{transform: rotate(0turn);}
	to{transform: rotate(1turn);}
}
.links{
	padding: 4rem 0;
}
.links-cont{
	padding-top: 30px;
	line-height: 2;
	font-size: 14px;
}
.links-cont a{
	padding-right: 15px;
}
/* page main */
.page-main{
	background-color: #e6e6e6;
	position: relative;
	z-index: 1;
	overflow: hidden
}
/* page cases */
.text-center{
	text-align: center;
}
.text-box{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;flex-direction:column;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column}
/*Page banner*/
.page-banner{
	position: relative;
}
.Page-banner-text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.35)}
.Page-banner-text h2{display: inline-block;font-family: SourceHanSerifCN;font-weight: 400;color: #fff; font-size: 2.125rem; position: relative;letter-spacing: 4px;}
.Page-banner-text h2:before,.Page-banner-text h2:after{position: absolute;width: 10px;height: 10px;content: ""}
.Page-banner-text h2:before{left: -5px;top: -5px;border-top: solid 1px #fff;border-left:solid 1px #fff}
.Page-banner-text h2:after{right: -5px;bottom: -5px;border-right: solid 1px #fff;border-bottom: solid 1px #fff;}
.Page-banner-text h2 span{margin-left: 30px;float: right;margin-top: 30px;position: relative;padding-left: 5px;}
.Page-banner-text h2 span:after,.Page-banner-text h2 span:before{width: 10px;height: 10px;border:solid 1px #fff;position: absolute;content: "";transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg)}
.Page-banner-text h2 span:after{left: -20px;top: 0;}
.Page-banner-text h2 span:before{left: -15px;top: -1px}
.Page-banner-text p{font-size: 1rem;font-family: SourceHanSerifCN;color: #fff;text-transform: uppercase;letter-spacing: 5px;margin-top:10px}
.Page-banner-text p:before{display: block;width: 20px;height: 2px;background: #fff;content: "";margin:10px auto 20px}
@media(max-width: 760px){
	.page-banner img{
		min-height: 160px;
	}
    .Page-banner-text h2{font-size:1rem}
    .Page-banner-text h2 span{margin-top: 10px;}
    .Page-banner-text p{font-size:0.75rem;letter-spacing: 1px;}
    .Page-banner-text p:before{margin: 5px auto 10px;}
}
/*path*/
.crumbs{
	height: 56px;
	line-height: 56px;
	font-size: 0.9375rem;
	color: #717071;
	font-family: "SourceHanSansCN-Light";
}
.crumbs a{
	font-size: 0.9375rem;
	color: #717071;
}
/* page menu */
.mod-menu{
	background: #fff;
	padding: 26px 0 24px 0;
	text-align: center;
}
.mod-menu ul{
	display: inline-block;
}
.mod-menu ul li{
	display: inline-block;
	margin: 0 30px;
}
.mod-menu ul li a{
	min-width: 11.125rem;
	padding: 0 0.75rem;
	height: 36px;
	line-height: 36px;
	border-radius: 6px;
	border: solid 1px #c50c18;
	font-family: "SourceHanSansCN-Normal";
	font-size: 0.9375rem;
	color: #717071;
	display: block;
	transition-duration: 0.2s;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-ms-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
}
.mod-menu ul li a:hover,.mod-menu ul li a.active{
	background: #c50c18;
	color: #fff;
}
/* page case list */
.page-case-list{
	margin-top: 60px;
}
.page-case-list ul{
	margin: 0 -9px;
}
.page-case-list ul li{
	width: 33.33%;
	float: left;
	padding: 0 9px;
	margin-bottom: 18px;
}
.page-case-list li a {
  display: block;
  position: relative;
}
.picc{
	overflow: hidden;
}
.picc span {
  display: block;
  background: no-repeat center;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  transition-duration: 0.8s;
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
}
.page-case-list li a::after {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background: url(../img/peak_list_bg.png);
  filter: alpha(opacity=0);
  opacity: 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.page-case-list li a:hover .text,
.page-case-list li a:hover::after {
  filter: alpha(opacity=100);
  opacity: 1;
}
.page-case-list li a:hover .picc span {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.page-case-list li a:hover .text {
  padding-bottom: 78px;
}
.page-case-list li .text {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  z-index: 10;
  padding: 0 60px;
  padding-bottom: 200px;
  background: url(../img/arrow5.png) no-repeat 60px bottom;
  background-size: 52px auto;
  filter: alpha(opacity=0);
  opacity: 0;
  transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
}
.page-case-list li .tit,
.page-case-list li .txt {
  height: 1.375rem;
  line-height: 1.375rem;
  color: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.page-case-list li .tit {
  font-family: "SourceHanSansSC-Medium";
  font-size: 1.1875rem;
}
.page-case-list li p{
	margin-top: 10px;
	color: #fff;
}
.page-case-list li .txt {
  height: 4.125rem;
  font-family: "SourceHanSansCN-Normal";
  -webkit-line-clamp: 3;
  margin-top: 28px;
}
/* page case detail */
.path{
	/*background-color: #000;*/
}
.path .container{
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.path h1.title{
	font-family: "SourceHanSansCN-Medium";
	font-size: 1.875rem;
	padding: 28px 0;
}
.path .crumbs{
	height: auto;
	font-size: 0.875rem;
	line-height: 26px;
}
.path .crumbs a{
}
.detailsbox{
	background-color: #fff;
	padding: 30px 30px 60px;
	overflow: hidden;
	position: relative;
}
.sidebar {
	width: 300px;
	float: right;
	padding-left: 80px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.sidebar::after {
	content: " ";
	width: 1px;
	height: 100%;
	position: absolute;
	left: 40px;
	top: 0;
	bottom: 0;
	z-index: 2;
	background: #efeeed;
}
.sidebar .title {
	font-family: "SourceHanSansCN-Normal";
	font-size: 1rem;
	padding-left: 18px;
	position: relative;
	font-weight: 800;
}
.sidebar .title::after {
	content: " ";
	width: 2px;
	height: 16px;
	background: #c50c18;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	z-index: 2;
}
.sidebar ul {
	margin-bottom: 16px;
}
.sidebar li {
	margin-top: 10px;
}
.sidebar li a {
	display: block;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
.sidebar li a:hover img {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
}
.sidebar li a:hover .text {
	background: #c50c18;
}
.sidebar li a:hover .text .cs-name,
.sidebar li a:hover .text .txt {
	color: #fff;
}
.sidebar li .pic {
	overflow: hidden;
}
.sidebar li img {
	width: 100%;
	display: block;
	transition-duration: 0.8s;
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
}
.sidebar li .text {
	padding: 4px 10px;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background-color: #e6e6e6
}
.sidebar li .cs-name,
.sidebar li .txt {
	height: 1.25rem;
	line-height: 1.25rem;
	font-family: "SourceHanSansCN-Medium";
	overflow: hidden;
	font-size: 0.875rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
	transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-ms-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
}
.sidebar li .cs-name {
	color: #363735;
	margin-bottom: 3px;
}
.sidebar li .txt {
	height: 3.5rem;
	font-size: 0.75rem;
	color: #717071;
	-webkit-line-clamp: 3;
}
.detailsbox .details {
	padding-right: 300px;
}
.detailsbox .introduction {
	padding-bottom: 30px;
	border-bottom: 1px solid #efeeed;
	display: flex;
	background-color: #f7f9f9;
	padding: 15px;
}
.detailsbox .introduction .intro-hd,
.detailsbox .introduction .tit {
	font-family: "SourceHanSansCN-Bold";
	font-size: 1.375rem;
	color: #c50c18;
}
.detailsbox .introduction .cont {
	flex: 1;
	line-height: 1.875rem;
	font-size: 0.9375rem;
	color: #747575;
	padding-left: 10px;
}
.detailsbox .introduction .cont p{
	line-height: 1.875rem;
}
.detailsbox .introduction .cont .tit {
	font-size: 1.125rem;
}
.detailsbox .article {
	line-height: 1.75rem;
	color: #b5b5b6;
	margin-top: 30px;
}
.detailsbox .article img{
	width: auto;
	max-width: 100%;
	height: auto!important;
	margin-bottom: 15px
}
.prevnext {
  overflow: hidden;
  margin-top: 68px;
}
.prevnext .prev,
.prevnext .next {
  max-width: 300px;
  color: #5f5f60;
}
.prevnext .prev:hover,
.prevnext .next:hover {
  color: #e91a2a;
}
.prevnext .prev p,
.prevnext .next p {
  height: 2.2rem;
  line-height: 2.2rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.prevnext .prev img,
.prevnext .next img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.prevnext .prev .pic,
.prevnext .next .pic {
  max-width: 218px;
	height: 120px;
	position: relative;
	overflow: hidden;
  margin-top: 20px;
  display: inline-block;
}
.prevnext .prev {
  padding-left: 30px;
  background: url(../img/arrow6.png) no-repeat 0 10px;
  background-size: 14px auto;
  float: left;
}
.prevnext .next {
  text-align: right;
  padding-right: 30px;
  background: url(../img/arrow7.png) no-repeat right 0 top 10px;
  background-size: 14px auto;
  float: right;
}
/* page live */
.page-live{
	width: 100%
}
.page-live-list{
	width: 1118px;
	float: left
}
.page-live .sidebar{
	background-color: #fff;
	padding: 30px;
}
.page-live .sidebar::after{
	display: none
}
.page-live-list ul::before,
.page-live-list ul::after{
	display: none;
}
.page-live-list ul{
	width: 100%;
}
.page-live-list ul > li{
	width: 100%;
	margin-bottom: 20px;
}
.page-live-list ul > li a {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  flex-direction: row;
  align-items: stretch;
  background-color: #fff;
	justify-content: flex-start
}
.page-live-list ul > li a:before,
.page-live-list ul > li a:after {
  content: " ";
  /* display: table; */
}
.page-live-list ul > li a:after {
  clear: both;
}
.page-live-list ul > li a:hover{
	-o-box-shadow: 0 0 30px rgba(0,0,0,.08);
	-ms-box-shadow: 0 0 30px rgba(0,0,.08);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,.08);
	-webkit-box-shadow: 0 0 30px rgb(0 0 0 / 8%);
	box-shadow: 0 0 30px rgb(0 0 0 / 8%);
}
.page-live-list ul > li .picc {
  display: block;
  width: 500px;
  height: auto;
  float: left;
  position: relative;
  margin: 0;
}
.page-live-list ul > li .picc img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-live-list ul > li .text {
  width: calc(100% - 500px);
  /* height: 210px; */
  float: left;
  padding: 3% 20px 20px 4%;
  margin: 0;
  position: relative;
}
.page-live-list ul > li .text .tit {
  display: block;
  color: #333;
  font-size: 1.375rem;
  line-height:1.6;
  margin-bottom: 10px;
  font-weight: 800;
}
.page-live-list ul > li .text .txt p {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #424242;
}
.page-live-list ul > li .text dl {
/*
  position: absolute;
  bottom: 6%;
  left: 3%;
*/
	margin-top: 20px;
  width: 406px;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.page-live-list ul > li .text dl dd {
  position: relative;
}
.page-live-list ul > li .text dl dd:after {
  position: absolute;
  top: 40%;
  left: 40px;
  content: "";
  width: 55px;
  height: 1px;
  background: url(../img/live_bg.png) repeat-x;
}
.page-live-list ul > li .text dl dd img {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0 auto;
}
.page-live-list ul > li .text dl dd p {
  font-size: 12px;
  color: #424242;
  margin-top: 10px;
}
.page-live-list ul > li .text dl dd:last-child:after {
  display: none;
}
/* page live detail */
.live-hd{
	border-bottom: 3px solid #e91a2a;
	line-height: 38px !important;
	font-size: 18px !important;
	padding-left: 16px;
	margin: 15px 5px !important;
	position: relative;
}
.live-hd::before{
	position: absolute;
	left: 0;
	z-index: 0;
	width: 6em;
	height: 100%;
	background: #e91a2a;
	content: "";
}
.live-hd span{
	color: #ffffff;
	position: relative;
	z-index: 1;
}
.live-det-text .live-bd{
}
.live-bd img{
	width: 33%;
	padding: 0.5%;
}
/* page news */
.page-news-list{
	margin: 60px -15px 0;
	overflow: hidden;
}
.page-news-list li.news-list-item {width:33.33%;float:left;display:block;margin-bottom: 30px;padding: 0 15px;}
.page-news-list li.news-list-item a{
	background:#FFF;
}
.news-list-item .pic {width:100%;height:245px;overflow:hidden;position: relative;}
.news-list-item .pic:before {content: '';display: block;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;transition: all .8s;z-index: 2;position: absolute;}
.news-list-item .pic img {position: absolute;width:100%;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0) scale(1,1);transition: all .8s;z-index: 1;}
.news-list-item .pic:hover img {transform: translate3d(-50%, -50%, 0) scale(1.1,1.1);}
.news-list-item .pic-info {position: absolute; top: 50%;margin-top: -20px;left: 0;width: 100%;z-index: 10;color: #FFF;font-size: 14px;text-align: center;}
.news-list-item .pic-info p {padding: 5px 0;position: relative;width: 200px;margin: 0 auto;line-height: 20px;opacity: 0;transition:  all .4s;}
.news-list-item .pic-info span {width: 200px;margin: 0 auto;height: 1px;display: block;position: relative;}
.news-list-item .pic-info span:before{content: '';display: block;right: 100px;background: #FFF;height: 1px;position: absolute;padding-left: 100px;transition:  all .4s;opacity: 0;}
.news-list-item .pic-info span:after {content: '';display: block;left: 100px;background: #FFF;height: 1px;position: absolute;padding-right: 100px;transition:  all .4s;opacity: 0;}
.news-list-item .pic:hover:before {opacity: .6;}
.news-list-item .pic:hover span:before {padding-left: 20px;opacity: 1;}
.news-list-item .pic:hover span:after {padding-right: 20px;opacity: 1;}
.news-list-item .pic:hover p {opacity: 1;}

.news-list-item .info {padding:15px;border:1px solid #f2f2f2;background-color: #fff;}
.news-list-item .info .title {font-size:16px;color:#373737;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;height:25px;line-height:25px;margin-bottom:10px;}
.news-list-item .info .desc {font-size:12px;color:#9a9a9a;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:44px;line-height:22px;overflow:hidden;}
.news-list-item .info .time {margin-top: 15px;padding-top:15px;border-top: 1px solid #eaeaea;font-family: "Microsoft YaHei";font-size:12px;color:#9a9a9a;line-height:20px;}
.news-list-item .info .time span {float:right;display:inline-block;padding-right:15px;position:relative;height:20px;line-height:20px;}
.news-list-item .info .time span:before {content:'';display:block;width:6px;height:6px;border-top:2px solid #9a9a9a;border-left:2px solid #9a9a9a;transform: rotate(135deg);position:absolute;right:0;top:50%;margin-top:-3px;}
.news-list-item:hover .info .title {color:#d81e06;}
.news-list-item:hover .time span {color:#d81e06;}
.news-list-item:hover .info .time span:before {border-color:#d81e06;}
/* page news detail */
.detail-hd{
	padding-bottom: 50px;
}
.detail-hd h1{
	font-size: 1.875rem;
	color: #000;
	line-height: 2.5rem;
	margin-bottom: 25px;
}
.detail-hd h3{
	font-size: 1rem;
	color: #999;
	line-height: 2.5rem;
}
.det-text{
	padding: 0 120px;
	line-height: 2;
	font-size: 14px;
	text-align: justify;
}
.det-text p{
	line-height: 2;
	margin-bottom: 12px;
	font-size: 14px;
	text-align: justify;
}
.det-text img{
	max-width: 100%;
	height: auto!important;
	display: block;
	margin: 0 auto 25px;
}
/* page news prenext */
.page-pernext{
	margin-top: 30px;
	padding: 15px 0;
	transition: all 0.3s linear 0.1s;
	-moz-transition: all 0.3s linear 0.1s;
	-o-transition: all 0.3s linear 0.1s;
	border-top: dashed 1px #ddd;
	border-bottom: dashed 1px #ddd;
}
.page-pernext span{
	width: 50%;
	font-size: 13px;
	color: #666;
	opacity: 1;
}
.page-pernext span.fl{
	float: left;
}
.page-pernext span.fr{
	float: right;
	text-align: right;
	border-left: dashed 1px #ddd;
}
.page-pernext a:hover{
	color: #d81e06;
}
/*相关案例*/
.rel-live{
	margin-top: 30px
}
.rel-live .tit{
	position: relative;
    padding-left: 12px;
    font-size: 24px;
    color: #000;
    font-weight: 800;
    margin-bottom: 20px;
}
.rel-live .tit strong{
	color: #e91a2a;
	font-weight: 800
}
.rel-live .tit:before{
	content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 68%;
    background-color: #e91a2a;
    transform: translateY(-50%);
}
.rel-live ul{
	width: 100%
}
.rel-live ul li{
	width: calc((100% - 60px) / 4);
	margin-right: 20px;
	float: left;
}
.rel-live ul li:last-child{
	margin-right: 0;
}
.rel-live ul li .picc{
	width: 100%;
	height: 180px;
	position: relative;
}
.rel-live ul li .picc img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.rel-live ul li p{
	padding: 5px 15px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 2;
    color: #333;
    text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*mod info*/
.mod-info{
	background-color: #fff;
	margin-top: 60px;
	padding: 30px 0
}
.mod-info img{
	max-width: 100%!important;
	height: auto!important
}
/*mod title*/
.mod-title {
	margin-top: 30px;
  margin-bottom: 30px;
}
.mod-title h2.ht {
  font-size: 30px;
	font-weight: 800;
  position: relative;
 /* margin-bottom: 5px;
  padding-bottom: 12px;*/
  text-align: center;
  letter-spacing: .3px;
  color: #333;
}
.mod-title h2.ht::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6000px;
  height: 1px;
  margin-left: -3000px;
  content: '';
  background-color: #c50c18;
}
.mod-title h2.ht span{
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 0 20px;
	background-color: #e6e6e6
}
/*
.mod-title h2.ht::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 128px;
  height: 1px;
  margin-left: -64px;
  content: '';
  background-color: #1b2c43;
}
*/
/*page service*/
.page-process-list{
	margin-top: 30px;
}
.page-process-list ul{
	margin: 0 -13px;
}
.page-process-list ul > li{
	width: 50%;
	float: left;
	padding: 0 13px;
	margin-bottom: 26px;
}
.page-process-list ul > li .text-box {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  flex-direction: row;
  align-items: stretch;
  background-color: #fff;
	justify-content: flex-start
}
.page-process-list ul > li div:before,
.page-process-list ul > li div:after {
  content: " ";
  /* display: table; */
}
.page-process-list ul > li .text-box:after {
  clear: both;
}
.page-process-list ul > li .text-box:hover{
	-o-box-shadow: 0 0 30px rgba(0,0,0,.08);
	-ms-box-shadow: 0 0 30px rgba(0,0,.08);
	-moz-box-shadow: 0 0 30px rgba(0,0,0,.08);
	-webkit-box-shadow: 0 0 30px rgb(0 0 0 / 8%);
	box-shadow: 0 0 30px rgb(0 0 0 / 8%);
}
.page-process-list ul > li .picc {
  display: block;
  width: 280px;
  height: 190px;
  float: left;
  position: relative;
  margin: 0;
}
.page-process-list ul > li .picc img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.page-process-list ul > li .text {
  width: calc(100% - 300px);
  /* height: 210px; */
  float: left;
  padding: 2% 20px 20px 20px;
  margin: 0;
  position: relative;
}
.page-process-list ul > li .text .tit {
  display: block;
  color: #333;
  font-size: 1.375rem;
  line-height:1.6;
  margin-bottom: 10px;
  font-weight: 800;
}
.page-process-list ul > li .text .txt p {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #808080;
}
/*page manage*/
.page-manage-list{
	margin-top: 60px;
}
.page-manage-list ul{
	margin: 0 -7.5px;
}
.page-manage-list ul li{
	width: 25%;
	float: left;
	padding: 0 7.5px;
	margin-bottom: 15px;
	cursor: pointer;
}
.page-manage-list ul li img{
	-webkit-transition: all 1s linear;
	transition: all 1s linear
}
.page-manage-list ul li div{
	width: 100%;
	height: 262px;
	overflow: hidden;
}
.page-manage-list ul li:hover div img{
	-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transform: center center;
	-moz-transform: center center;
	-ms-transform: center center;
	-o-transform: center center;
	transform: center center;
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-manage-list ul li p{
	line-height: 2;
	padding: 10px 0 20px;
	background-color: #fff;
	text-align: center;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*page team*/
.page-team{
	margin-top: 60px;
}
.page-team .Page-title-cn{
	text-transform: uppercase;
}
.page-team .Page-title-en{
	font-size: 1.25rem;
	margin-bottom: 20px;
}
.team-introduction{
	padding: 60px 0;
	text-align: center;
	line-height: 2;
	font-family: "SourceHanSansCN-Medium";
	font-size: 1.125rem;
	color: #737575;
}
.team-introduction p{
	line-height: 2;
}
.page-team .team-list {
	padding: 18px 0;
	background: #efefef;
}
.page-team .team-list ul {
	overflow: hidden;
	padding: 0 3px;
}
.page-team .team-list li {
	width: 25%;
	float: left;
	padding: 0 17px;
	margin-bottom: 46px;
}
.page-team .team-list li:nth-child(5n+1) {
	clear: left;
}
.page-team .team-list li .text {
	background: #fff;
	padding: 22px;
}
.page-team .team-list li .tit,
.page-team .team-list li .txt {
	height: 1.375rem;
	line-height: 1.375rem;
	font-family: "SourceHanSansCN-Normal";
	font-size: 0.125rem;
	color: #727171;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.page-team .team-list li .tit span,
.page-team .team-list li .txt span {
	font-family: "SourceHanSansCN-Bold";
	font-size: 1.125rem;
	color: #231815;
	margin-right: 10px;
}
.page-team .team-list li .txt {
	height: 2.5rem;
	-webkit-line-clamp: 2;
	margin-top: 12px;
}
.page-team .team-list li .team-btn {
	overflow: hidden;
	padding: 0;
}
.page-team .team-list li .team-btn a {
	width: 50%;
	display: block;
	height: 54px;
	line-height: 50px;
	float: left;
	font-family: "SourceHanSansCN-Medium";
	color: #8a8a8a;
	text-align: center;
	background: #fff;
}
.page-team .team-list li .team-btn a:hover {
	background-color: #f00;
	color: #fff;
}
.page-team .team-list li .team-btn a i {
	width: 40px;
	height: 40px;
	background: no-repeat center;
	background-size: 22px auto;
	display: inline-block;
	vertical-align: middle;
}
.page-team .team-list li .team-btn a span {
	display: inline-block;
	vertical-align: middle;
}
.page-team .team-list li .team-btn .btn1 {
	color: #fff;
	background-color: #c50c18;
}
.page-team .team-list li .team-btn .btn1 i {
	background-image: url(../img/team_list_btn1.png);
	background-size: 26px auto;
}
.page-team .team-list li .team-btn .btn2 i {
	background-image: url(../img/team_list_btn2.png);
	background-size: 22px auto;
}
.page-team .team-list li .team-btn .btn2:hover i {
	background-image: url(../img/team_list_btn3.png);
}
/*page team detail*/
.p-team-cont{
	display: flex;
	align-items: flex-start;
	background-color: #fff;
	padding: 30px;
}
.p-team-cont .pic{
	width: 300px;
	margin-right: 30px;
}
.p-team-introduction{
	width: calc(100% - 330px);
}
.p-team-introduction h3.title{
	font-size: 1.125rem;
	line-height: 1.5rem;
	color: #221815;
}
.p-team-introduction h3.title span{
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 8px;
	background: #c50c18;
	font-size: 0.75rem;
	color: #fff;
	padding: 0 8px;
}
.p-team-introduction .text{
	line-height: 1.5rem;
	color: #595857;
	margin-top: 4px;
}
.p-team-introduction .text p{
	line-height: 1.5rem;
}
.p-team-introduction .text p strong{
	color: #000;
}
.p-team-introduction .btn{
	height: 32px;
	line-height: 32px;
	padding: 0 16px;
	border-radius: 8px;
	display: inline-block;
	font-size: 1rem;
	color: #fff;
	background: #c50c18;
	margin-top: 12px;
}
	/*coop*/
.page-coop-list{
	margin-top: 60px;
}
.page-coop-list ul{
	margin: 0 -0.5%;
}
.page-coop-list li{
	margin: 0.5%;
	width: calc((100% - 6%)/6);
	height: 90px;
	float: left;
	display: block;
	text-align: center;
	position: relative;
	cursor: pointer;
	background-color: #fff;
}
.page-coop-list li img{
	position: absolute;
	left: 0;
	top: 50%;
	margin-left: 50%;
	transform: translate(-50%,-50%);
	width: 65%;
	height: 80%;
	object-fit: cover;
	-o-object-fit: cover;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.page-coop-list li:hover img{
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}
/*about us*/
.Page-title-cn{font-family: 'Noto Serif CJK SC', 'Noto Serif CJK', 'Source Han Serif SC', ‘ Source Han Serif ’ , source-han-serif-sc, serif;font-size:2.25rem;font-weight:800;color: #000;position: relative;z-index: 2}
.Page-title-cn span{
	color: #c50c18;
}
.Page-title-cn:after{display: block;width: 16px;height:4px;background: #c50c18;content: "";margin:10px 0}
.Page-title-cn.text-center:after{margin: 10px auto}
.Page-title-en{font-size: 14px;text-transform: uppercase;color: #666;font-family: SourceHanSerifCN;position: relative;z-index: 2}
.Page-text p{font-size: 14px;color: #333;line-height: 2;margin-bottom: 15px;}
.Page-text img{max-width: 100%;height: auto !important; }
.Page-about{padding: 5vh 0;background-color: #fff;}
.Page-about .Page-title-en{
	font-size: 3.25rem;
	letter-spacing: 0.375rem;
	color: #dcdddd
}
.Page-about .Page-title-cn{
	font-size: 2.0625rem;
	color: #363735
}
.Page-about-box {margin-top: 20px;}
.Page-about-text{padding-left: 0;padding-top: 20px;padding-right: 20px;}
.Page-about-img{padding-left: 20px;padding-right: 0}
/*about number*/
.intro-bottom{
	width: 100%;
	height: auto;
	margin: 3.75rem 0;
}
.intro-bottom ul{
	width: 100%;
	height: auto;
	display: flex;
}
.intro-bottom ul li{
	width: calc(100% / 5);
	height: auto;
	position: relative;
}
.intro-bottom ul li:not(:last-child)::after{
	display: inline-block;
	content: "";
	width: 0.063rem;
	height: 2.688rem;
	background-color: #e1e1e1;
	position: absolute;
	right: -0.063rem;
	top: 0.718rem;
}
.intro-bottom ul li p{
	text-align: center;
}
.intro-bottom ul li p:nth-child(1){
	font-size: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	color: #c50c18;
	font-weight: 700;
	margin-bottom: 1.125rem;
}
.intro-bottom ul li p:nth-child(2){
	font-size: 1.125rem;
	height: 1.125rem;
	line-height: 1.125rem;
	color: #666;
}
.Page-process{padding: 6vh 0;background-color: #fff;}
.Page-process-list{margin-top: 4vh}
.Page-process-list li{padding: 10px;}
.Page-process-block{border: solid 1px #ddd;border-radius: 5px;padding: 40px 0;transition: all 0.5s;cursor: pointer}
.Page-process-block i{display: block;font-size: 40px;color: #000}
.Page-process-block i span{display: block;line-height: 1;font-family: SourceHanSerifCN;color: #333;margin-bottom: 10px;}
.Page-process-block h3{margin-top: 15px;font-size: 17px;color: #333;font-weight: bold;margin-bottom: 15px;}
.Page-process-block p{font-size: 14px;color: #666}
.Page-process-list li:hover div{
	background-color: #d90b18;
	border-color: #d90b18
}
.Page-process-list li:hover i,.Page-process-list li:hover div span,.Page-process-list li:hover h3,.Page-process-list li:hover p{
	color: #fff
}
.Page-culture{background: url(../img/backg_2.jpg) no-repeat fixed center;padding: 6vh 0;position: relative}
.Page-culture:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);content: ""}
.Page-culture .Page-title-cn,.Page-culture .Page-title-en{color: #fff}
.Page-culture .Page-title-cn:after{background: #fff}
.Page-culture-list{margin-top: 5vh;display: flex;text-align: center;position: relative;z-index: 2}
.Page-culture-list li{flex: 1;padding: 20px; cursor: pointer}
.Page-culture-list li i{border: solid 2px #fff;border-radius: 50%;width: 60px;height: 60px;display: block;margin: auto;line-height: 60px;color: #fff;font-size: 30px;transition: all 0.5s;}
.Page-culture-list li h3{margin-top: 15px;font-size: 20px;color: #fff;font-weight: bold}
.Page-culture-list li p{margin-top: 15px;color: #fff;font-size: 14px;}
.Page-culture-list li:hover i{
	color:#fff;
	background-color: #c50c18;
	border-color: #c50c18
}
/*contact*/
.contact{
	width: 100%;
	height: auto;
	display: flex;
	background-color: #fff;
}
.contact-block{
	cursor: pointer;
}
.contact-address,.contact-telephone,.contact-email{
	width: 33.33%;
	height: 23.875rem;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.addressmap{
	width: 100%;
	height: 32.438rem;
	background-color: #767676;
}
.contact-ico span{
	font-size: 3.313rem;
}
.contact-ico{
	text-align: center;
}
.contact-ico img{
	width: 75%;
	height: auto!important;
	margin-bottom: 8px;
}
.contact-title{
	font-size: 1.375rem;
}
.contact-list{
	margin-top: 1rem;
}
.contact-list p{
	max-width: 20.25rem;
	font-size: 1rem;
	line-height: 1.25rem;
}
/* pages 分页  */
.pages{
	margin-top: 30px;
	padding-bottom: 40px;
	text-align: center;
}
.pages b, .page-this{
	display: inline-block;
	background: #d81e06;
	padding: 0 15px;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	font-weight: 400;
	margin: 0 5px;
}
.pages a, .page-end, .page-start{
	display: inline-block;
	background: #efefef;
	padding: 0 15px;
	font-size: 12px;
	color: #666;
	height: 40px;
	line-height: 40px;
}
.pages a:hover, .pages b{
	background: #d81e06;
    color: #fff;
}
.pages a, .pages b, .page-end, .page-start, .page-this{line-height:40px}
/* mobile page */
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1200px) {
	.page-case-list ul li{
		width: 50%;
	}
	.page-case-list li .text{
		padding: 0 10px;
		background: none;
		position: relative;
		opacity: 1;
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
	}
	.page-case-list li a:hover .text{
		padding-bottom: 0;
	}
	.page-case-list li .tit{
		font-size: 0.875rem;
		color: #333;
	}
	.page-case-list li .tit, .page-case-list li .txt{
		height: auto;
		line-height: 2;
	}
	.page-case-list li .txt{
		height: 2.5rem;
		margin-top: 10px;
		-webkit-line-clamp:2;
		display: none;
	}
	.path .container{
		padding-top: 10px;
		flex-wrap: wrap-reverse;
	}
	.path .crumbs{
		width: 100%;
		float: none;
		margin-top: 0;
		font-size: 0.75rem;
	}
	.path .crumbs a{
		font-size: 0.75rem;
	}
	.detailsbox .introduction .intro-hd, .detailsbox .introduction .tit{
		font-size: 20px;
	}
	.path h1.title{
		font-size: 20px;
		padding: 10px 0;
	}
	.detailsbox{
		padding: 20px 0 30px 0;
	}
	.detailsbox .details{
		padding-right: 0;
	}
	.detailsbox .introduction{
		display: block;
		padding: 0 10px 20px;
	}
	.detailsbox .introduction .cont{
		display: block;
		line-height: 1.5rem;
		font-size: 14px;
		padding-left: 0;
		margin-top: 20px;
	}
	.detailsbox .introduction .cont p{
		line-height: 1.8;
	}
	.detailsbox .introduction .cont .tit{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.detailsbox .article{
		padding: 0 10px;
	}
	.prevnext {
		margin-top: 30px;
		padding: 0 10px;
	}
	.prevnext .prev,
	.prevnext .next {
		max-width: 160px;
	}
	.prevnext .prev:hover,
	.prevnext .next:hover {
		color: #5f5f60;
	}
	.prevnext .prev p,
	.prevnext .next p {
		font-size: 12px;
	}
	.prevnext .prev .pic,
	.prevnext .next .pic {
		margin-top: 5px;
	}
	.prevnext .prev {
		padding-left: 20px;
		background-size: 10px auto;
	}
	.prevnext .next {
		padding-right: 20px;
		background-size: 10px auto;
	}
	.page-live-list{
		width: 100%
	}
	.page-live-list ul > li{
		width: 100%;
		margin-bottom: 15px;
	}
	.page-live-list ul > li a{
		flex-direction: column;
	}
	.page-live-list ul > li .picc{
		width: 100%;
	}
	.page-live-list ul > li .text{
		width: 100%;
	}
	.page-live-list ul > li .text .tit{
		font-size: 1.125rem;
	}
	.page-news-list{
		margin: 30px auto 0;
	}
	.page-news-list li.news-list-item{
		width: 100%;
		padding: 0;
	}
	.detail-hd{
		padding-bottom: 30px;
	}
	.detail-hd h1{
		font-size: 18px;
		font-weight: 800;
		margin-bottom: 0;
	}
	.detail-hd h3{
		font-size: 12px;
		line-height: 1;
	}
	.det-text{
		padding: 0 20px;
	}
	.live-bd img{
		width: 100%;
		padding: 1% 2%;
	}
	.page-pernext{
		margin: 15px 15px 0;
	}
	.page-pernext span{
		width: 100%;
		display: block;
	}
	.page-pernext span.fr{
		text-align: left;
		margin-top: 10px;
		border-top: dashed 1px #ddd;
		padding-top: 10px;
		border-left: none;
	}
	.contact{
		flex-direction: column;
	}
	.contact-block .contact-ico{
		text-align: center;
	}
	.contact-block img{
		width: 60%;
	}
	.contact-address, .contact-telephone, .contact-email{
		width: 100%;
		height: 10rem;
	}
	.contact-title{
		font-size: 1.2rem;
	}
	.contact-list{
		margin-top: 0.5rem;
	}
	.contact-list p{
		max-width: 100%;
		margin: 0 auto;
		font-size: 0.875rem;
		text-align: center;
	}
	.page-process-list ul > li{
		width: 100%;
	}
	.page-manage-list ul li{
		width: 50%;
	}
	.page-manage-list ul li div{
		height: 106px;
	}
	.page-manage-list ul li p{
		line-height: 1.4;
		padding: 10px 0;
	}
	.page-process-list,.page-manage-list,.page-coop-list{
		margin-top: 20px;
	}
	.page-process-list ul > li .text-box{
		flex-direction: column
	}
	.page-process-list ul > li .picc{
		width: 100%;
		height: 230px
	}
	.page-process-list ul > li .text{
		width: 100%
	}
	.page-coop-list li{
		width: calc((100% - 3%)/3);
		height: 50px;
	}
	.page-coop-list li img{
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: grayscale(0);
	}
	.Page-title-cn{text-align: center;font-size: 1.25rem;}
	.Page-title-cn:after{margin: 10px auto;height: 2px;}
	.Page-title-en{text-align: center}
	.Page-about-text{padding: 0}
	.Page-about-img{padding: 0;margin-top: 30px;}
	.Page-process-list li{padding: 5px;}
	.Page-process-block{padding: 15px 10px;}
	.Page-process-block i{font-size: 1.625rem}
	.Page-process-block i span{font-size: 1.25rem}
	.Page-process-block h3{margin-top: 10px;font-size:1rem;}
	.Page-process-block p{font-size: 0.75rem;min-height: 50px;}
	.Page-culture-list{margin-top: 30px;display: block;}
	.Page-culture-list li{display: inline-block;width: 32.33%;padding: 5px 2%;margin-bottom: 20px;vertical-align: top;}
	.Page-culture-list li i{width: 40px;height: 40px;line-height: 40px;font-size: 2rem;border-width: 1px;}
	.Page-culture-list li h3{font-size:1rem}
	.Page-culture-list li p{font-size: 0.75rem;margin-top: 5px;}
	.Page-about .Page-title-cn{
		font-size: 1.25rem
	}
	.Page-about .Page-title-en{
		font-size: 1.625rem
	}
	.mod-info{
		margin-top: 20px
	}
	.mod-title h2.ht{
		font-size: 24px
	}
	.intro-bottom{
		margin: 1rem 0;
	}
	.intro-bottom ul{
		flex-wrap: wrap;
		justify-content: center
	}
	.intro-bottom ul li{
		width: 33.333%;
		margin-bottom: 0.8rem;
	}
	.intro-bottom ul li:not(:last-child)::after{
		display: none;
	}
	.intro-bottom ul li p:nth-child(1){
		font-size: 1.125rem;
		margin-bottom: 0;
	}
	.intro-bottom ul li p:nth-child(2){
		font-size: 0.75rem;
		margin-bottom: 0.4rem;
	}
	.page-team{
		margin-top: 30px;
	}
	.team-introduction{
		padding: 30px 0;
	}
	.page-team .team-list{
		margin: 0 -0.625rem;
	}
	.page-team .team-list ul{
		padding: 0;
	}
	.page-team .team-list li{
		width: 50%;
		padding: 0 5px;
		margin-bottom: 10px;
	}
	.page-team .team-list li .text{
		padding: 10px;
	}
	.page-team .team-list li .txt{
		margin-top: 6px;
	}
	.page-team .team-list li .team-btn a{
		height: 48px;
		line-height: 44px;
	}
	.page-team .team-list li .team-btn a i{
		width: 26px;
		height: 26px;
	}
	.page-team .team-list li .team-btn .btn1 i{
		background-size: 20px auto;
	}
	.page-team .team-list li .team-btn .btn2 i{
		background-size: 16px auto;
	}
	.p-team-cont{
		flex-direction: column;
		padding: 15px;
	}
	.p-team-cont .pic{
		width: 100%;
		margin-bottom: 15px;
	}
	.p-team-introduction{
		width: 100%;
	}
	.rel-live ul li{
		width: calc((100% - 10px) / 2);
		margin-right: 10px;
	}
	.rel-live ul li:nth-child(2n){
		margin-right: 0;
	}
	.rel-live ul li .picc{
		height: 140px;
	}
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width:950px) {}
@media screen and (max-width: 760px) {
	.mod-menu{
		padding: 4px 5px 14px;
	}
	.mod-menu ul{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}
	.mod-menu ul li{
		width: 32%;
		margin: 10px 0 0;
		padding: 0 5px;
		position: relative
	}
	.mod-menu ul li a{
		min-width: auto;
		padding: 0 5px
	}
	.mod-case-menu.mod-menu ul li{
		width: 34%;
	}
	.mod-case-menu.mod-menu ul > li+li+li{
		width: 33%;
	}
	.page-case-list{
		margin-top: 30px;
	}
	.page-case-list ul{
		margin: 0 -2px;
	}
	.page-case-list ul li{
		padding: 0 2px;
		margin-bottom: 4px;
	}
	.page-live-list ul > li .text dl{
		width: 100%;
	}
	.page-live-list ul > li .text dl dd{
		width: 15%
	}
	.page-live-list ul > li .text dl dd img{
		width: 70%;
		height: auto!important;
		display: block;
		margin: 0 auto
	}
	.page-live-list ul > li .text dl dd:after{
		width: 90%
	}
}
/*Sitemap*/
.sitemap {
  height: auto;
  width: 100%;
  overflow: hidden;
  margin-bottom: 60px;
}
.sitemap ul li {
  margin-bottom: 20px;
}
.sitemap h1 {
  margin-bottom: 0;
  display: block;
  line-height: 40px;
  font-size: 18px;
  color: #333;
  font-weight: 800;
  border-bottom: 1px dotted rgba(0, 0, 0, .1);
}
.sitemap .sub_map {
  display: block;
}
.sitemap .sub_map a {
  display: inline-block;
  font-size: 15px;
  line-height: 40px;
  margin-right: 25px;
}